#optional-container {display:table;}

#northheader{
background-color:#99CCFF;
/*background:url(img_flwr.gif),url(img_tree.gif);
-moz-background-size:80px 60px; /* Firefox 3.6 
background-size:80px 60px;
background-repeat:no-repeat;
background-origin:content-box;
*/
display:table-cell; vertical-align:middle;
border:1px solid #FF0000;
}

#southheader{
background-color:#3399FF;
/*background:url(img_flwr.gif),url(img_tree.gif);
-moz-background-size:80px 60px; /* Firefox 3.6
background-size:80px 60px;
background-repeat:no-repeat;
background-origin:content-box;
*/
display:table-cell; vertical-align:middle;
border:1px solid #FF0000;
}

#cl_msg{
font-size:12px;
color:#0000CC;
}

#compound_form_msg{
font-size:12px;
color:#0000CC;
}

.table_header_style{
	font-size:14px;
	color:cornflowerblue;
}

fieldset { 
border:1px solid blue;
width: 325px; }

a.atooltip {
	position: relative;
}

a.atooltip::before {
	content: attr(data-tip) ;
	font-size: 10px;
	position:absolute;
	z-index: 999;
	white-space:nowrap;
	bottom:9999px;
	left: 50%;
	background:#000;
	color:#e0e0e0;
	padding:0px 7px;
	line-height: 24px;
	height: 24px;
	opacity: 0;
   	transition:opacity 0.4s ease-out;
	}
a.atooltip:hover::before	{
	opacity: 1;
	bottom:-35px;
	}

#myfooter {
   position:absolute;
   bottom:0;
   width:100%;
   height:30px;   /* Height of the footer */
   background:#3399FF;
   text-align:right;
}
.input {
    border: 1px solid #006;
    background: #ffc;
}

table#example {
    border-collapse: collapse;   
}
#example tr {
    background-color: #eee;
    border-top: 1px solid #fff;
}
#example tr:hover {
    background-color: #ccc;
}
#example th {
    background-color: #fff;
}
#example th, #example td {
    padding: 3px 5px;
}
#example td:hover {
    cursor: pointer;
}

.a { border: 1px solid red; display: inline-block; }
.b { width: 100%; overflow: auto; max-height:200px; margin-right: 18px; }
.cgtd { border-bottom: 1px solid dodgerblue; }
.tbl_row { width: 100%; overflow: auto; max-height:700px; margin-right: 120px; }
